/*
 *
 *   商品分类
 *   version 1.1
 *
*/
.container{ min-width: 970px;}
.select{margin-bottom:20px;}
.select li{position: relative;padding:10px 0;margin-top:-1px;}
.select li>span{position: absolute;left:10px;width:80px;}
.select li>div.select-c{margin-left:80px;}
.select li>div.select-c>a{display: inline-block;margin:0 10px;}
.select li>div.select-c-img>a{margin: -1px -1px 0 0;float:left;width:91px;padding:8px 0;text-align: center;}
.select li>div.select-c-img>a>img{height:40px;}

.classify-list{margin-bottom:20px;position: relative;}
.classify-list .list-l{position: absolute;left:0;width:180px;padding:5px 10px;}
.classify-list .list-l .list-l-t{font-size: 16px;font-weight: bold;margin-bottom:15px;}
.classify-list .list-l li{margin-bottom:15px;}
.classify-list .list-l li>a{display: block;margin:5px 0;}
.classify-list .list-l li .g-img{}
.classify-list .list-l li .g-img img{width:100%;}
.classify-list .list-l li .g-name{font-size: 12px;margin:5px 0;}
.classify-list .list-l li .g-eva{font-size: 12px;}
.classify-list .list-l li>p{margin:0;font-weight: bold;}
.classify-list .list-r{margin-left:190px;}
.classify-list .list-r .list-r-sort{height:42px;padding:6px 0 0 20px;}
.classify-list .list-r .list-r-sort>a{cursor:pointer;display: inline-block;float:left;padding:0 10px;line-height: 26px;margin-left:-1px;}
.classify-list .list-r .list-r-g{margin:15px 0;}
.classify-list .list-r .list-r-g li{margin-bottom:15px;float:left;width:25%;padding:10px;height:350px;}
.classify-list .list-r .list-r-g li>a{display: block;}
.classify-list .list-r .list-r-g li .g-img{margin:20px;height:200px;overflow: hidden;}
.classify-list .list-r .list-r-g li .g-img img{width:100%;}
.classify-list .list-r .list-r-g li .g-name{font-size: 12px;margin:5px 0;}
.classify-list .list-r .list-r-g li .g-eva{font-size: 12px;}
.classify-list .list-r .list-r-g li>p{margin:0;font-size: 18px;font-weight: bold;}
.classify-list .list-r nav{float:right;}

@media (max-width: 1200px) {
    .classify-list .list-r .list-r-g li{height:310px;}
    .classify-list .list-r .list-r-g li .g-img{height:160px;}
}

@media (max-width: 992px) {
    .classify-list .list-r .list-r-g li{width:33.3%;}
}




